← Sommaire
Menus mobiles — Séries 1 & 2
Trois concepts pour la version tropicale, en 390 px. Chaque téléphone est fermé et s'ouvre au toucher. Fermeture par la croix, le fond ou la touche Échap. L'arrière-plan est figé quand le menu est ouvert. Si l'appareil demande moins d'animations, un simple fondu remplace les mouvements (réglage aussi disponible dans les Tweaks).
1a
Le menu noir couvre tout l'écran en descendant du haut. Les liens en très grande typographie arrivent un par un, sur une photo de lagon très atténuée.
Rideau typographique
{{ o.label }}
Touchez le menu · Échap ou le fond pour fermer
1b
Le menu monte depuis le bas, à portée du pouce, sur un fond givré. Les actions rapides sont en haut et les liens en dessous. On le ferme en le glissant vers le bas depuis la poignée.
Bottom sheet
{{ o.label }}
Touchez le menu · glissez la poignée vers le bas pour fermer
1c
Une pilule « Menu · Réserver » reste en bas de l'écran, au pouce. Au toucher, elle s'agrandit en douceur en carte flottante qui contient le menu, et la croix glisse avec elle.
Pilule flottante
{{ o.label }}
Touchez « Menu » · la croix, le fond ou Échap pour fermer
4
Effet recherché : une vague turquoise part du bouton et recouvre l'écran, puis les liens apparaissent quand elle se pose. Vigilance performance : seule la transformation des deux calques est animée (GPU), jamais le contenu, pour rester fluide sur les petits téléphones Android.
Vague lagon
{{ o.label }}
Touchez le menu · Échap ou le fond pour fermer
5
Effet recherché : chaque rubrique devient une carte avec photo qui défile à l'horizontale, et le parc est visible avec ses prix « à partir de » dès le menu. Vigilance lisibilité et poids : le titre doit rester lisible sur la photo grâce au dégradé, et les images doivent être petites et chargées à la demande.
Cartes visuelles
{{ o.label }}
Faites défiler les cartes · Échap ou la croix pour fermer
6
Effet recherché : une route jaune sinueuse se dessine à l'ouverture, avec les liens posés le long de son tracé. Au toucher, une petite voiture roule jusqu'au lien choisi avant d'y aller. Vigilance accessibilité : l'ordre de lecture reste celui des liens, le dessin est ignoré par les lecteurs d'écran, et le trajet dure moins d'une seconde (supprimé en mouvement réduit).
Route côtière
{{ o.label }}
Touchez un lieu : la voiture vous y conduit